<!DOCTYPE html>
<html lang="zh-CN" data-theme="dark">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>zrsjsgddの博客 - 欢迎加入</title>
  <meta name="description" content="zrsjsgdd">
  <meta name="author" content="zrsjsgdd">
  <meta name="copyright" content="zrsjsgdd">
  <meta name="format-detection" content="telephone=no">
  <link rel="shortcut icon" href="/img/favicon.ico">
  <link rel="canonical" href="https://zrsjsgdd.gitee.io/">
  <meta http-equiv="Cache-Control" content="no-transform">
  <meta http-equiv="Cache-Control" content="no-siteapp">
  <link rel="preconnect" href="//cdn.jsdelivr.net" />
  <link rel="preconnect" href="//fonts.googleapis.com" crossorigin="crossorigin" />
  <link rel="preconnect" href="//busuanzi.ibruce.info" />
  <meta property="og:type" content="website">
  <meta property="og:title" content="zrsjsgddの博客">
  <meta property="og:url" content="https://zrsjsgdd.gitee.io/">
  <meta property="og:site_name" content="zrsjsgddの博客">
  <meta property="og:description" content="zrsjsgdd">
  <meta property="og:image" content="https://zrsjsgdd.gitee.io/img/avatar.png">
  <meta property="article:published_time" content="2021-12-01T14:36:20.933Z">
  <meta property="article:modified_time" content="2021-12-01T14:36:20.933Z">
  <meta name="twitter:card" content="summary">
  <script>
    var activateDarkMode = function () {
      document.documentElement.setAttribute('data-theme', 'dark')
      if (document.querySelector('meta[name="theme-color"]') !== null) {
        document.querySelector('meta[name="theme-color"]').setAttribute('content', '#000')
      }
    }
    var activateLightMode = function () {
      document.documentElement.setAttribute('data-theme', 'light')
      if (document.querySelector('meta[name="theme-color"]') !== null) {
        document.querySelector('meta[name="theme-color"]').setAttribute('content', '#fff')
      }
    }

    var getCookies = function (name) {
      const value = `; ${document.cookie}`
      const parts = value.split(`; ${name}=`)
      if (parts.length === 2) return parts.pop().split(';').shift()
    }

    var autoChangeMode = 'false'
    var t = getCookies('theme')
    if (autoChangeMode === '1') {
      var isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
      var isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches
      var isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches
      var hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified

      if (t === undefined) {
        if (isLightMode) activateLightMode()
        else if (isDarkMode) activateDarkMode()
        else if (isNotSpecified || hasNoSupport) {
          console.log(
            'You specified no preference for a color scheme or your browser does not support it. I Schedule dark mode during night time.'
          )
          var now = new Date()
          var hour = now.getHours()
          var isNight = hour <= 6 || hour >= 18
          isNight ? activateDarkMode() : activateLightMode()
        }
        window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {
          if (Cookies.get('theme') === undefined) {
            e.matches ? activateDarkMode() : activateLightMode()
          }
        })
      } else if (t === 'light') activateLightMode()
      else activateDarkMode()
    } else if (autoChangeMode === '2') {
      now = new Date()
      hour = now.getHours()
      isNight = hour <= 6 || hour >= 18
      if (t === undefined) isNight ? activateDarkMode() : activateLightMode()
      else if (t === 'light') activateLightMode()
      else activateDarkMode()
    } else {
      if (t === 'dark') activateDarkMode()
      else if (t === 'light') activateLightMode()
    }
  </script>
  <link rel="stylesheet" href="/css/index.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.css">
  <link rel="stylesheet" type="text/css"
    href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.10.5/dist/instantsearch.min.css">
  <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@2.10.5/dist/instantsearch.min.js" defer></script>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+Web&amp;display=swap">
  <script>
    var GLOBAL_CONFIG = {
      root: '/',
      algolia: {
        "appId": "7EBCAWDLJC",
        "apiKey": "2dc023567182bf05f8e2c085df2047aa",
        "indexName": "glassysky",
        "hits": {
          "per_page": 6
        },
        "languages": {
          "input_placeholder": "搜索文章",
          "hits_empty": "找不到您查询的内容:${query}",
          "hits_stats": "找到 ${hits} 条结果，用时 ${time} 毫秒"
        }
      },
      localSearch: {
        "path": "search.xml",
        "languages": {
          "hits_empty": "找不到您查询的内容:${query}"
        }
      },
      translate: {
        "defaultEncoding": 2,
        "translateDelay": 0,
        "msgToTraditionalChinese": "繁",
        "msgToSimplifiedChinese": "簡"
      },
      noticeOutdate: {
        "limitDay": 500,
        "position": "top",
        "messagePrev": "It has been",
        "messageNext": "days since the last update, the content of the article may be outdated."
      },
      copy: {
        success: '复制成功',
        error: '复制错误',
        noSupport: '浏览器不支持'
      },
      bookmark: {
        message_prev: '按',
        message_next: '键将本页加入书签'
      },
      runtime_unit: '天',
      runtime: true,
      copyright: {
        "languages": {
          "author": "作者: zrsjsgdd",
          "link": "链接: ",
          "source": "来源: zrsjsgddの博客",
          "info": "著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。"
        }
      },
      ClickShowText: undefined,
      medium_zoom: false,
      fancybox: true,
      Snackbar: {
        "bookmark": {
          "message_prev": "按",
          "message_next": "键将本页加入书签"
        },
        "chs_to_cht": "你已切换为繁体",
        "cht_to_chs": "你已切换为简体",
        "day_to_night": "你已切换为深色模式",
        "night_to_day": "你已切换为浅色模式",
        "bgLight": "#49b1f5",
        "bgDark": "#121212",
        "position": "top-center"
      },
      justifiedGallery: {
        js: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js',
        css: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css'
      },
      baiduPush: false,
      highlightCopy: true,
      highlightLang: true,
      isPhotoFigcaption: false,
      islazyload: true,
      isanchor: true
    }
  </script>
  <script>
    var GLOBAL_CONFIG_SITE = {
      isPost: false,
      isHome: true,
      isHighlightShrink: false,
      isSidebar: false,
      postUpdate: '2021-12-01 22:36:20'
    }
  </script><noscript>
    <style>
      #nav {
        opacity: 1
      }

      .justified-gallery img {
        opacity: 1
      }
    </style>
  </noscript>
  <link rel="stylesheet" href="/buffifly/css/VolantisTags.css">
  <link rel="stylesheet" href="/buffifly/css/volantis.css">
  <link rel="stylesheet" href="/buffifly/css/fontAnimation.css">
  <meta name="generator" content="Hexo 4.2.1">
</head>

<body>
  <div id="loading-box">
    <div class="loading-left-bg"></div>
    <div class="loading-right-bg"></div>
    <div class="spinner-box">
      <div class="configure-border-1">
        <div class="configure-core"></div>
      </div>
      <div class="configure-border-2">
        <div class="configure-core"></div>
      </div>
      <div class="loading-word">加载中...</div>
    </div>
  </div>
  <div id="mobile-sidebar">
    <div id="menu_mask"></div>
    <div id="mobile-sidebar-menus">
      <div class="mobile_author_icon"><img class="avatar-img" src="/img/avatar.png"
          onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar" /></div>
      <div class="mobile_post_data">
        <div class="mobile_data_item is-center">
          <div class="mobile_data_link"><a href="/archives/">
              <div class="headline">文章</div>
              <div class="length_num">3</div>
            </a></div>
        </div>
        <div class="mobile_data_item is-center">
          <div class="mobile_data_link"><a href="/tags/">
              <div class="headline">标签</div>
              <div class="length_num">2</div>
            </a></div>
        </div>
        <div class="mobile_data_item is-center">
          <div class="mobile_data_link"><a href="/categories/">
              <div class="headline">分类</div>
              <div class="length_num">1</div>
            </a></div>
        </div>
      </div>
      <hr />
      <div class="menus_items">
        <div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 主页</span></a>
        </div>
        <div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span>
              时间轴</span></a></div>
        <div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a>
        </div>
        <div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span>
              分类</span></a></div>
        <div class="menus_item"><a class="site-page"><i class="fa-fw fas fa-list"></i><span> 远方杂谈</span><i
              class="fas fa-chevron-down menus-expand"></i></a>
          <ul class="menus_item_child">
            <li><a class="site-page" href="/music/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li>
            <li><a class="site-page" href="/movies/"><i class="fa-fw fas fa-video"></i><span> 电影</span></a></li>
          </ul>
        </div>
        <div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span>
              友情链接</span></a></div>
        <div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span>
              关于我的</span></a></div>
      </div>
    </div>
  </div>
  <div id="body-wrap">
    <div id="web_bg" data-type="photo"></div>
    <header class="full_page" id="page-header"
      style="background-image: url(/img/cover/bg0.jpg,/img/cover/bg1.jpg,/img/cover/bg2.jpg,/img/cover/bg3.jpeg,/img/cover/bg4.jpg,/img/cover/bg5.jpeg,/img/cover/bg6.jpg,/img/cover/bg7.jpeg,/img/cover/bg8.jpeg,/img/cover/bg9.jpeg,/img/cover/bg10.jpg)">
      <nav id="nav"><span class="pull-left" id="blog_name"><a class="blog_title" id="site-name"
            href="/">zrsjsgddの博客</a></span><span class="pull-right menus">
          <div id="search_button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span>
                搜索</span></a></div>
          <div class="menus_items">
            <div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 主页</span></a>
            </div>
            <div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span>
                  时间轴</span></a></div>
            <div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span>
                  标签</span></a></div>
            <div class="menus_item"><a class="site-page" href="/categories/"><i
                  class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div>
            <div class="menus_item"><a class="site-page"><i class="fa-fw fas fa-list"></i><span> 远方杂谈</span><i
                  class="fas fa-chevron-down menus-expand"></i></a>
              <ul class="menus_item_child">
                <li><a class="site-page" href="/music/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li>
                <li><a class="site-page" href="/movies/"><i class="fa-fw fas fa-video"></i><span> 电影</span></a></li>
              </ul>
            </div>
            <div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-link"></i><span>
                  友情链接</span></a></div>
            <div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span>
                  关于我的</span></a></div>
          </div><span class="toggle-menu close"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></span>
        </span></nav>
      <div id="site-info">
        <h1 id="site_title">zrsjsgddの博客</h1>
        <div id="site_subtitle"><span id="subtitle"></span></div>
        <div id="site_social_icons"><a class="social-icon" href="https://github.com/xxxxx" target="_blank"
            title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="/1990691193@qq.com"
            target="_blank" title="Email"><i class="fas fa-envelope"></i></a></div>
      </div>
      <div id="scroll_down"><i class="fas fa-angle-down scroll-down-effects"></i></div>
    </header>
    <main class="layout_page" id="content-inner">
      <div class="recent-posts" id="recent-posts">
        <div class="recent-post-item">
          <div class="post_cover left_radius"><a href="/2020/07/22/%E4%BD%A0%E5%A5%BD/" title="你好"> <img class="post_bg"
                data-src="/img/cover/bg4.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="你好"></a></div>
          <div class="recent-post-info"><a class="article-title" href="/2020/07/22/%E4%BD%A0%E5%A5%BD/"
              title="你好">你好</a>
            <div class="article-meta-wrap"><span class="article-meta"><i
                  class="fas fa-thumbtack article-meta__icon sticky"></i><span class="sticky">置顶</span><span
                  class="article-meta__separator">|</span></span><time class="post-meta__date"
                title="发表于 2020-07-22 17:43:46"><i class="far fa-calendar-alt"></i>2020-07-22</time></div>
            <div class="content">文本文字红色
              黄色
              蓝色

              Volantis
              A Wonderful Theme for Hexo

              外挂标签有颜色标签
              为简单的一句话提供的简便写法。

              为简单的一句话提供的简便写法。

              为简单的一句话提供的简便写法。

              为简单的一句话提供的简便写法。

              支持同样丰富的参数。

              支持同样丰富的参数。

              支持同样丰富的参数。

              支持同样丰富的参数。

              灰色标签
              支持同样丰富的参数。

              支持同样丰富的参数。

              支持同样丰富的参数。

              支持同样丰富的参数。

              支持同样丰富的参数。

              支持同样丰富的参数。

              支持同样丰富的参数。

              支持同样丰富的参数。

              支持同样丰富的参数。

              支持同样丰富的参数。

              支持同样丰富的参数。

              块标签
              小标题Windows 10不是為所有人設計,而是為每個人設計嵌套测试 请坐和放宽，我正在帮你搞定一切… Folding 测试 点击查看更多 不要说我们没有警告过你 我们都有不顺利的时候 ...</div>
          </div>
        </div>
        <div class="recent-post-item">
          <div class="post_cover right_radius"><a href="/2021/12/01/hello-world/" title="Hello World"> <img
                class="post_bg" data-src="/img/cover/bg2.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'"
                alt="Hello World"></a></div>
          <div class="recent-post-info"><a class="article-title" href="/2021/12/01/hello-world/"
              title="Hello World">Hello World</a>
            <div class="article-meta-wrap"><time class="post-meta__date" title="发表于 2021-12-01 22:13:08"><i
                  class="far fa-calendar-alt"></i>2021-12-01</time></div>
            <div class="content">Welcome to Hexo! This is your very first post. Check documentation for more info. If
              you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on
              GitHub.



              Quick StartCreate a new post1$ hexo new "My New Post"

              More info: Writing
              Run server1$ hexo server

              More info: Server
              Generate static files1$ hexo generate

              More info: Generating
              Deploy to remote sites1$ hexo deploy

              More info: Deployment
            </div>
          </div>
        </div>
        <div class="recent-post-item">
          <div class="post_cover left_radius"><a href="/2020/07/26/Hexo-admin%E6%8F%92%E4%BB%B6%E4%BD%BF%E7%94%A8/"
              title="Hexo-admin插件使用"> <img class="post_bg" data-src="/img/cover/bg8.jpeg"
                onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Hexo-admin插件使用"></a></div>
          <div class="recent-post-info"><a class="article-title"
              href="/2020/07/26/Hexo-admin%E6%8F%92%E4%BB%B6%E4%BD%BF%E7%94%A8/"
              title="Hexo-admin插件使用">Hexo-admin插件使用</a>
            <div class="article-meta-wrap"><time class="post-meta__date" title="发表于 2020-07-26 12:53:00"><i
                  class="far fa-calendar-alt"></i>2020-07-26</time><span class="article-meta"><span
                  class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a
                  class="article-meta__categories" href="/categories/Hexo/">Hexo</a></span></div>
            <div class="content">1.下载依赖包1npm install --save hexo-admin

              2.启动hexo服务1npm server -d

              3.修改用户名、密码 在Hexo博客控制台页面-&gt;设置-&gt;用户名、密码一一填写，填写完毕后将页面最下面的config.yaml配置一键复制、粘贴，重启后即可生效

            </div>
          </div>
        </div>
        <nav id="pagination">
          <div class="pagination"><span class="page-number current">1</span></div>
        </nav>
      </div>
      <div class="aside_content" id="aside_content">
        <div class="card-widget card-info">
          <div class="card-content">
            <div class="card-info-avatar is-center"><img class="avatar-img" src="/img/avatar.png"
                onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar" />
              <div class="author-info__name">zrsjsgdd</div>
              <div class="author-info__description">没有伞的孩子才会努力奔跑</div>
            </div>
            <div class="card-info-data">
              <div class="card-info-data-item is-center"><a href="/archives">
                  <div class="headline">文章</div>
                  <div class="length_num">3</div>
                </a></div>
              <div class="card-info-data-item is-center"> <a href="/tags">
                  <div class="headline">标签</div>
                  <div class="length_num">2</div>
                </a></div>
              <div class="card-info-data-item is-center"> <a href="/categories">
                  <div class="headline">分类</div>
                  <div class="length_num">1</div>
                </a></div>
            </div>
            <div class="card-info-bookmark is-center"><button class="button--animated" id="bookmark-it" type="button"
                title="加入书签"><i class="fas fa-bookmark"></i><span>加入书签</span></button></div>
            <div class="card-info-social-icons is-center"><a class="social-icon" href="https://github.com/xxxxx"
                target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon"
                href="/1990691193@qq.com" target="_blank" title="Email"><i class="fas fa-envelope"></i></a></div>
          </div>
        </div>
        <div class="card-widget card-announcement">
          <div class="card-content">
            <div class="item-headline"><i class="fas fa-bullhorn card-announcement-animation"></i><span>公告</span></div>
            <div class="announcement_content">欢迎来到潘祥是个骚0の博客</div>
          </div>
        </div>
        <div class="card-widget card-recent-post">
          <div class="card-content">
            <div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div>
            <div class="aside-recent-item">
              <div class="aside-recent-post"><a href="/2021/12/01/hello-world/">
                  <div class="aside-post-cover"><img class="aside-post-bg" data-src="/img/cover/bg2.jpg"
                      onerror="this.onerror=null;this.src='/img/404.jpg'" title="Hello World" alt="Hello World" /></div>
                  <div class="aside-post-title">
                    <div class="aside-post_title" href="/2021/12/01/hello-world/" title="Hello World">Hello World</div>
                    <time class="aside-post_meta post-meta__date" title="发表于 2021-12-01 22:13:08">2021-12-01</time>
                  </div>
                </a></div>
              <div class="aside-recent-post"><a href="/2020/07/26/Hexo-admin%E6%8F%92%E4%BB%B6%E4%BD%BF%E7%94%A8/">
                  <div class="aside-post-cover"><img class="aside-post-bg" data-src="/img/cover/bg8.jpeg"
                      onerror="this.onerror=null;this.src='/img/404.jpg'" title="Hexo-admin插件使用" alt="Hexo-admin插件使用" />
                  </div>
                  <div class="aside-post-title">
                    <div class="aside-post_title" href="/2020/07/26/Hexo-admin%E6%8F%92%E4%BB%B6%E4%BD%BF%E7%94%A8/"
                      title="Hexo-admin插件使用">Hexo-admin插件使用</div><time class="aside-post_meta post-meta__date"
                      title="发表于 2020-07-26 12:53:00">2020-07-26</time>
                  </div>
                </a></div>
              <div class="aside-recent-post"><a href="/2020/07/22/%E4%BD%A0%E5%A5%BD/">
                  <div class="aside-post-cover"><img class="aside-post-bg" data-src="/img/cover/bg4.jpg"
                      onerror="this.onerror=null;this.src='/img/404.jpg'" title="你好" alt="你好" /></div>
                  <div class="aside-post-title">
                    <div class="aside-post_title" href="/2020/07/22/%E4%BD%A0%E5%A5%BD/" title="你好">你好</div><time
                      class="aside-post_meta post-meta__date" title="发表于 2020-07-22 17:43:46">2020-07-22</time>
                  </div>
                </a></div>
            </div>
          </div>
        </div>
        <div class="card-widget card-categories">
          <div class="card-content">
            <div class="item-headline"><i class="fas fa-folder-open"></i><span>分类</span></div>
            <ul class="card-category-list">
              <li class="card-category-list-item "><a class="card-category-list-link" href="/categories/Hexo/"><span
                    class="card-category-list-name">Hexo</span><span class="card-category-list-count">1</span></a></li>

            </ul>
          </div>
        </div>
        <div class="card-widget card-tags">
          <div class="card-content">
            <div class="item-headline"><i class="fas fa-tags"></i><span>标签</span></div>
            <div class="card-tag-cloud"><a href="/tags/Hexo/" style="font-size: 16px; color: #999">Hexo</a> <a
                href="/tags/%E7%94%9F%E6%B4%BB%E6%9D%82%E8%B0%88/" style="font-size: 16px; color: #999">生活杂谈</a></div>
          </div>
        </div>
        <div class="card-widget card-archives">
          <div class="card-content">
            <div class="item-headline"><i class="fas fa-archive"></i><span>归档</span></div>
            <ul class="card-archive-list">
              <li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2021/"><span
                    class="card-archive-list-date">十二月 2021</span><span class="card-archive-list-count">1</span></a>
              </li>
              <li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/"><span
                    class="card-archive-list-date">七月 2020</span><span class="card-archive-list-count">2</span></a></li>
            </ul>
          </div>
        </div>
        <div class="card-widget card-webinfo">
          <div class="card-content">
            <div class="item-headline"><i class="fas fa-chart-line"></i><span>网站资讯</span></div>
            <div class="webinfo">
              <div class="webinfo-item">
                <div class="webinfo-article-name">文章数目 :</div>
                <div class="webinfo-article-count">3</div>
              </div>
              <div class="webinfo-item">
                <div class="webinfo-runtime-name">已运行时间 :</div>
                <div class="webinfo-runtime-count" id="webinfo-runtime-count" publish_date="2020/7/1"> </div>
              </div>
              <div class="webinfo-item">
                <div class="webinfo-site-wordcount-name">本站总字数 :</div>
                <div class="webinfo-site-wordcount">955</div>
              </div>
              <div class="webinfo-item">
                <div class="webinfo-site-uv-name">本站访客数 :</div>
                <div class="webinfo-site-uv-count" id="busuanzi_value_site_uv"></div>
              </div>
              <div class="webinfo-item">
                <div class="webinfo-site-name">本站总访问量 :</div>
                <div class="webinfo-site-pv-count" id="busuanzi_value_site_pv"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>
    <footer id="footer" data-type="color">
      <div id="footer-wrap">
        <div class="copyright">&copy;2020 - 2021 By zrsjsgdd</div>
        <div class="framework-info"><span>驱动 </span><a href="https://hexo.io" target="_blank"
            rel="noopener"><span>Hexo</span></a><span class="footer-separator">|</span><span>主题 </span><a
            href="https://github.com/jerryc127/hexo-theme-butterfly" target="_blank"
            rel="noopener"><span>Butterfly</span></a></div>
      </div>
    </footer>
  </div>
  <section id="rightside">
    <div id="rightside-config-hide"><button id="translateLink" type="button" title="简繁转换">繁</button><button
        id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button></div>
    <div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i
          class="fas fa-cog"></i></button><button id="chat_btn" type="button" title="联系我"><i
          class="fas fa-sms"></i></button><button id="go-up" type="button" title="回到顶部"><i
          class="fas fa-arrow-up"></i></button></div>
  </section>
  <div class="search-dialog" id="algolia-search">
    <div class="search-dialog__title" id="algolia-search-title">Algolia</div>
    <div id="algolia-input-panel">
      <div id="algolia-search-input"></div>
    </div>
    <hr />
    <div id="algolia-search-results">
      <div id="algolia-hits"></div>
      <div id="algolia-pagination"></div>
      <div id="algolia-stats"></div>
    </div><span class="search-close-button"><i class="fas fa-times"></i></span>
  </div>
  <div class="search-mask"></div>
  <script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>
  <script src="/js/utils.js"></script>
  <script src="/js/main.js"></script>
  <script src="/js/tw_cn.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.js"></script>
  <script src="/js/third-party/activate-power-mode.js"></script>
  <script>
    POWERMODE.colorful = true;
    POWERMODE.shake = false;
    document.body.addEventListener('input', POWERMODE);
  </script>
  <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/instant.page/instantpage.min.js" type="module" defer></script>
  <script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js" async></script>
  <script src="/js/third-party/click_heart.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/pangu/dist/browser/pangu.min.js"></script>
  <script>
    document.addEventListener('DOMContentLoaded', function () {
      pangu.autoSpacingPage()
    })
  </script>
  <script src="/js/search/algolia.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/typed.js"></script>
  <script>
    var subtitleType = function () {
      var subtitleEffect = true
      fetch('https://api.btstu.cn/yan/api.php?charset=utf-8&encode=json', )
        .then(function (res) {
          return res.json()
        })
        .then(function (data) {
          if (subtitleEffect) {
            var sub = "今日事&#44;今日畢,Never put off till tomorrow what you can do today".length == 0 ? new Array() :
              "今日事&#44;今日畢,Never put off till tomorrow what you can do today".split(',')
            var both = sub.unshift(data.text)
            var typed = new Typed('#subtitle', {
              strings: sub,
              startDelay: 300,
              typeSpeed: 150,
              loop: true,
              backSpeed: 50,
            })
          } else {
            document.getElementById('subtitle').innerHTML = data.text
          }
        })
        .catch(function (err) {
          console.error(err)
        })
    }
    window.addEventListener('load', subtitleType)
  </script>
  <script src="/buffifly/js/VolantisTags.js"></script>
  <script src="/buffifly/js/volantis.js"></script>
  <script>
    var endLoading = function () {
      document.body.style.overflow = 'auto';
      document.getElementById('loading-box').classList.add("loaded")
    }
    window.addEventListener('load', endLoading)
  </script>
  <script>
    (function (i, s, o, g, r, a, m) {
      i["DaoVoiceObject"] = r;
      i[r] = i[r] || function () {
        (i[r].q = i[r].q || []).push(arguments)
      }, i[r].l = 1 * new Date();
      a = s.createElement(o), m = s.getElementsByTagName(o)[0];
      a.async = 1;
      a.src = g;
      a.charset = "utf-8";
      m.parentNode.insertBefore(a, m)
    })(window, document, "script", ('https:' == document.location.protocol ? 'https:' : 'http:') +
      "//widget.daovoice.io/widget/6c641eaa.js", "daovoice")
  </script>
  <script>
    var isChatBtn = true
    daovoice('init', {
      app_id: '6c641eaa',
    }, {
      launcher: {
        disableLauncherIcon: isChatBtn // 悬浮 ICON 是否显示
      },
    });
    daovoice('update');

    if (isChatBtn) {
      var chatBtn = document.getElementById("chat_btn")
      chatBtn.addEventListener("click", function () {
        daovoice('show')
      });
    } else {
      if (true) {
        function chatBtnHide() {
          daovoice('update', {}, {
            launcher: {
              disableLauncherIcon: true // 悬浮 ICON 是否显示
            },
          });
        }

        function chatBtnShow() {
          daovoice('update', {}, {
            launcher: {
              disableLauncherIcon: false // 悬浮 ICON 是否显示
            },
          });
        }
      }
    }
  </script>
  <script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script>
  <script>
    L2Dwidget.init({
      "model": {
        "jsonPath": "/live2dw/assets/haruto.model.json"
      },
      "display": {
        "position": "right",
        "width": 150,
        "height": 300
      },
      "mobile": {
        "show": false
      },
      "log": false,
      "pluginJsPath": "lib/",
      "pluginModelPath": "assets/",
      "pluginRootPath": "live2dw/",
      "tagMode": false
    });
  </script>
  <script async>
    window.onload = function () {
      var a = document.createElement('script'),
        b = document.getElementsByTagName('script')[0];
      a.type = 'text/javascript', a.async = !0, a.src = '/sw-register.js?v=' + Date.now(), b.parentNode.insertBefore(
        a, b)
    };
  </script>
  <script async>
    window.onload = function () {
      var a = document.createElement('script'),
        b = document.getElementsByTagName('script')[0];
      a.type = 'text/javascript', a.async = !0, a.src = '/sw-register.js?v=' + Date.now(), b.parentNode.insertBefore(
        a, b)
    };
  </script>
  <script async>
    window.onload = function () {
      var a = document.createElement('script'),
        b = document.getElementsByTagName('script')[0];
      a.type = 'text/javascript', a.async = !0, a.src = '/sw-register.js?v=' + Date.now(), b.parentNode.insertBefore(
        a, b)
    };
  </script>
<script async>window.onload=function(){var a=document.createElement('script'),b=document.getElementsByTagName('script')[0];a.type='text/javascript',a.async=!0,a.src='/sw-register.js?v='+Date.now(),b.parentNode.insertBefore(a,b)};</script></body></html>